<!doctype html>
<html>
<head>
    <title>二维图片展示</title>
    <script src="${rc.contextPath}/statics/libs/vue.min.js"></script>
    <script src="${rc.contextPath}/statics/libs/iview.min.js"></script>
    <script src="${rc.contextPath}/statics/libs/jquery.min.js"></script>
    <link rel="stylesheet" href="${rc.contextPath}/statics/css/iview.css">
    <!--layer-->
    <script src="${rc.contextPath}/statics/plugins/layer/layer.js"></script>
    <script src="${rc.contextPath}/js/common.js"></script>
    <script type="text/javascript" src="${rc.contextPath}/statics/plugins/context/context.js"></script>
    <script type="text/javascript" src="${rc.contextPath}/statics/plugins/context/drag.js"></script>
    <link rel="stylesheet" type="text/css" href="${rc.contextPath}/statics/plugins/context/context.standalone.css"/>
    <link rel="stylesheet" href="${rc.contextPath}/statics/css/analyse/lineMonitor.css">
</head>
<body class="list">
<div id="rrapp" v-cloak style="margin-top:20px">
    <div id="toolbar">
        <i-select v-model="freRate" placeholder="刷新频率" @on-change="freAction">
            <i-option v-for="item in rateArray" :value="item.value" :key="item.value">{{item.name}}
            </i-option>
        </i-select>
        <i-button @click="toggleFullScreen">
            <Icon type="arrow-expand"></Icon> &nbsp;全屏
        </i-button>
        <i-button @click="backForward">
            <Icon type="ios-undo-outline"></Icon>&nbsp;返回
        </i-button>
    </div>
    <div id="canvas">
        <img :src="lineImg"/>
    </div>
</div>
<script src="${rc.contextPath}/js/analyse/lineMonitor.js?_${date.systemTime}"></script>
</body>
</html>
